import React, { Component } from 'react'

// 定义受控组件
// 任何组件，只要定义了属性，就可以认为这个组件是受控组件
export default class Controlled extends Component {
  state = {
    textValue: ''
  }

  handleChange(e) {
    this.setState({
      textValue: e.target.value
    })
  }

  render() {
    return (
      <div>
        <input 
          type="text" 
          value={this.state.textValue}
          onChange={this.handleChange.bind(this)}
        />

        {this.state.textValue}
      </div>
    )
  }
}
